<template>
	<view class="opinion">
		<view class="opinionFor">
			<view class="opinionForList" v-for="(item,key) in list" :key="key">
				<uni-collapse>
					<uni-collapse-item :show-animation="true" :title="item.content">
						<view class="opinionForText">{{item.huida}}</view>
					</uni-collapse-item>
				</uni-collapse>
			</view>
		</view>
		<view class="opinion-button">
			<button @click="getnav('/pages/contact/contact')">联系平台</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[]
			};
		},
		onShow() {
			this.init()
		},
		methods:{
			init(){
				this.$request("Index/OpinList", {
					data: {
						
					},
					isLoad: false
				}).then(res => {
					this.list = res.result
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.opinion {}

	.opinionFor {
		margin-top: 20rpx;
	}

	.opinionForText {
		color: #666666;
		font-size: 24rpx;
		padding: 32rpx;
	}

	.opinionForList {
		margin-bottom: 20rpx;
	}

	/deep/ .uni-collapse-item__title-text {
		font-size: 28rpx !important;
		font-weight: bold !important;
	}
	
	.opinion-button{
		margin-top: 72rpx;
		button{
			margin: 0 auto;
			background-color: #FFFFFF;
			font-size: 28rpx;
			border-radius: 16rpx;
			width: 416rpx;
			height: 88rpx;
			line-height: 88rpx;
		}
	}
</style>
